

/*---------- 头部 ---------*/
table{ border-collapse:collapse; }
td{ border:#ccc solid 1px;  }

.header{height:109px; }
.logo{ float:left;  width:300px; padding-top:7px;}
.logo_r{ float:right; text-align:right; width:300px; padding-top:36px;}

.width_100{min-width:1200px;}

.i_banner{ height:480px;}
.ny_banner{background:url("../images/diy/i_banner.jpg") top center no-repeat; height:350px;}

.w1180_p{ position:relative; z-index:1231256469876888;}
.w1180{position:absolute;top:-100px;left:-10px; height:100px; background-color:#e4e4e4; z-index:1231256469876; font-size:14px;}
.w1180 a:hover{ color:#3aa5af;}
.w1180_1{ float:left; width:140px; text-align:center; background-color:#3aa5af; line-height:100px; font-size:24px; color:#FFFFFF; font-weight:bolder;}
.w1180_2{ float:left; width:145px; text-align:center; line-height:28px;}
.w1180_3{ float:left; width:145px; text-align:center; line-height:28px;}
.w1180_4{ float:left; width:145px; text-align:center; line-height:28px;}
.w1180_5{ float:left; width:145px; text-align:center; line-height:28px;}
.w1180_6{ float:left; width:145px; text-align:center; line-height:28px;}
.w1180_7{ float:left; width:145px; text-align:center; line-height:28px;}
.w1180_8{ float:left; width:145px; text-align:center; line-height:28px;}

.w1180_dong a{width:145px; height:95px;display:inline-block;}
.w1180_dong a{
	transition:All 0.3s ease-in-out;
	-webkit-transition:All 0.3s ease-in-out;
	-moz-transition:All 0.3s ease-in-out;
	-o-transition:All 0.3s ease-in-out;
	
}
.w1180_dong a:hover {
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
}


#kinMaxShow{visibility:hidden;width:100% !important; height:500px; overflow:hidden; display:none;}



/* --------- 查询样式 ----------------*/

.top_search{ float:right; width:224px; height:21px; padding-top:5px;}
.top_search img{padding:0; margin:0;}
.search-keyword{ width:188px; padding-left:10px; color:#888888; border:none; height:19px; line-height:19px; border:1px solid #ccc; BORDER-right: medium none; }
.navsb{}
.search-submit{background:url("../images/diy/search_buttom.gif") top no-repeat; border:0; margin:0; height:21px; width:28px; }
.search-submit a{height:21px; width:28px; display:block;}

/*------------------其它页公用---------------------*/
.index{}
.channel{}
.articlelist{}
.articleview{}
.picboxlist{}
.picboxview{}

/* --------- 导航 ----------------*/
.menu_bg{ height:43px; line-height:43px; background-color:#3aa5af;}
#navMenu{ }
#navMenu ul{}
#navMenu ul li { float:left; font-size:16px;  height:43px;line-height:43px;text-align:center; }
#navMenu ul li a {color: #FFFFFF;display: inline-block;position: relative; width:149px;height:43px;line-height:43px;  }
#navMenu ul li a:hover { text-align:center; background-color:#329ea8; color:#FFFFFF;}
#navMenu .hover a{ text-align:center; background-color:#329ea8; color:#FFFFFF;}
.menu_ii{}

/* --------- 下拉条样式 ----------------*/
.dropMenu {
	position:absolute;
	top: 0;
	z-index:100;
	visibility: hidden;
	width:149px; 
	font-size:14px!important;;	
/*  	filter: progid:DXImageTransform.Microsoft.Shadow(color=#000, direction=135, strength=4);
*/	margin-top: -1px;
	margin-left:0px;
	border-top: 0px solid #3CA2DC;
	background-color: #3aa5af;
	/*background:url(../imagess/mmenubg.gif);*/
	padding-top:0px;
	padding-bottom:0px;
}
.dropMenu li {text-align:center; height:34px; line-height:34px;border-bottom:1px solid #329ea8;}
.dropMenu li a {display: block; height:35px; width:149px; line-height:35px; background-color:#3aa5af; color:#fff; font-size:14px!important;}
.dropMenu+li a{border-top:none;}
* html .dropMenu a {width: 100%;color:#fff;}
.dropMenu a:hover {color: #fff ; background-color:#dcdddd;}


/*------------滑动门--------*/
.tab{ width:670px; margin:0 auto;}
.tab a{ }
.tab ul{margin:0;padding:0;}
.tab li{float:left; width:134px;  background-color:#e7e7e7; height:35px;line-height:35px; font-size:14px;text-align:center;cursor:pointer;}
.tab li.now{color:#ffffff;background-color:#329ea8;}

.part5_table{ width:399px; margin:0 auto;}
.part5_table a{ }
.part5_table div{width:133px; height:37px;line-height:37px;text-align:center;cursor:pointer; display:block;}
.part5_table div.now{color:#ffffff;background-color:#329ea8;}


/* --------- 首页样式 ----------------*/
.i_more{ float:right; font-size:14px; padding-right:10px; font-weight:normal;color:#3aa5af; line-height:39px;}
.i_more2{ float:right; font-size:14px; padding-right:10px; font-weight:normal;color: #FFFFFF; line-height:39px;}
.i_more_news{ font-size:14px; width:80px; height:30px; line-height:30px; font-weight:normal; margin-top:5px; background-color:#e4e4e4; text-align:center; margin:0 auto; }
.i_more_news a{width:80px; height:30px; display:block;color:#999;}
.i_more_news a:hover{ background-color:#3aa5af; color:#FFFFFF;}
.i_more:hover{color: #FF0000;}




.part1_top{ height:66px; line-height:66px; background:url("../images/diy/part1_top.gif") center top no-repeat; }
.part3_top{ height:66px; line-height:66px; background:url("../images/diy/part3_top.gif") center top no-repeat; }
.part4_top{ height:66px; line-height:66px; background:url("../images/diy/part4_top.gif") center top no-repeat; }
.part5_top{ height:66px; line-height:66px; background:url("../images/diy/part5_top.gif") center top no-repeat; }
.part1_nav{}

.part1_list{}
.part1_list li{ height:336px; margin:4px; width:290px; float:left; border:1px solid #f1f1f1; background:#f1f1f1 url("../images/diy/part1_list_ii.gif") right bottom no-repeat;}
.part1_list_name{ height:46px; line-height:46px; padding-left:15px;}
.part1_more{ text-align:center;}

.part2{ background-color:#f6f6f6; height:445px;}
.part2_l{ float:left; width:599px;}
.part2_r{ float:right; width:520px; padding:40px; }
.part2_top{ text-align:center;}
.part2_body{ padding-top:20px;}
.part2_more{ height:42px; line-height:40px; width:120px; text-align:center; margin:0 auto; margin-top:20px;}
.part2_more a{height:40px;width:118px; display:block; border:1px solid #999999;}
.part2_more a:hover{ border:1px solid #3aa5af;}


.part3{}
.part3_list{ }
.part3_list li{ float:left; text-align:center; }
.part3_list li img{ }
.part3_list_name{ height:57px; line-height:57px;}
.part3_list li{
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
	
}
.part3_list li:hover {
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
	-webkit-box-shadow:0px 5px 15px #ccc;
    -moz-box-shadow:0px 5px 15px #ccc;
    box-shadow:0px 5px 15px #ccc;
}



.part4_body{}

.part5_body{ width:1300px;}
.part5_list{}
.part5_list li{ float:left; width:540px; height:75px; padding:24px; border:1px solid #ccc; margin-right:20px; margin-bottom:20px;}
.part5_date{ float:left;background:#b5b5b5 url("../images/diy/part5_news_ii.gif") center top no-repeat; width:75px; height:75px; text-align:center; color:#FFFFFF;}
.part5_date1{ font-size:40px; line-height:50px;}
.part5_date2{}
.part5_con{ float:left; height:75px; padding-left:20px; width:440px;}
.part5_con1{ font-size:16px; font-weight:bolder; padding-bottom:8px;}
.part5_con2{ color:#9e9e9e}

.fwxm_list{}
.fwxm_list li{ float:left; width:354px; margin:10px 16px; display:inline-block;}
.fwxm_list li a{width:354px; height:305px; display:block; }
.fwxm_list li img{width:354px; height:183px;}
.fwxm_list li a:hover{ background-color:#3aa5af; color:#FFFFFF!important;}
.fwxm_list_name{padding:15px 20px; }
.fwxm_list li h3{font-size:18px; font-weight:bolder; height:40px; line-height:40px;}
.fwxm_list li{
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
	
}
.fwxm_list li:hover {
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
	-webkit-box-shadow:0px 5px 15px #ccc;
    -moz-box-shadow:0px 5px 15px #ccc;
    box-shadow:0px 5px 15px #ccc;
}


.zs_list{}
.zs_list li{ float:left; width:370px; height:310px; margin:0 28px; text-align:center; }
.zs_list li img{ width:370px; height:250px;  cursor: pointer;transition: all 0.4s;}
.zs_list li img:hover{transform: scale(1.05); -webkit-transform: scale(1.05);}

.zs_list_name{ height:40px; line-height:40px; }
.zs_list li a:hover .zs_list_name{  color:#3aa5af;}
.zs_list li b{ font-weight:normal!important;}

.ny_product_list{}
.ny_product_list li{ float:left; width:270px; margin:10px 7px;}
.ny_product_list li a{width:270px; height:310px; display:block; }
.ny_product_list_img{width:270px; height:270px; overflow:hidden; border:1px solid #ddd;}


.ny_product_list li img{width:270px; height:270px;cursor: pointer;transition: all 0.4s;}
.ny_product_list li img:hover{transform: scale(1.2); -webkit-transform: scale(1.2);}
.ny_product_list li a:hover{ color:#3aa5af!important;}
.ny_product_list_name{ text-align:center; }
.ny_product_list li h3{font-size:14px; height:40px; font-weight:normal; line-height:40px;}


/* --------- 底部样式 ----------------*/
.footer{height:206px; background-color:#f8f8f8; border-top:1px solid #dedede; }
.footer a{color:#939393;}
.footer a:hover{}

.footer_menu{height:24px; line-height:24px; margin-left:50px;}
.footer_menu a{display:block; float:left; padding-right:30px; color:#666; }
.footer_menu a:hover{ color:#3aa5af;}

.footer_l{ float:left; width:220px; padding-top:25px; }
.footer_c{ float:left; width:790px; text-align:center;}
.footer_r{ float:right; width:185px;}

.footer_weixin{ line-height:30px; }

.flink{ height:46px; border:1px solid #3aa5af;}
.flink_top{ float:left; height:46px; line-height:46px; font-size:16px;  font-weight:bold; background-color:#3aa5af; color:#fff; width:109px; text-align:center;}
.flink_list{ float:left;}
.flink_list ul{}
.flink_list li{ float:left;line-height:46px; height:46px;  padding-left:20px;}

.copyright{ line-height:28px; height:28px;  text-align:center; }
.copyright a{}




/* --------- 左边样式 ----------------*/
#left_diy{ float:left; width:261px; }
.left_ftop{ position:absolute; left:0; top:-62px; height:62px; line-height:62px; width:261px; color:#FFFFFF; font-size:24px;  text-align:center; z-index:6546546; background:#3aa5af url("../images/diy/left_png.png") left no-repeat;}

.left_nav{ border-right:1px solid #00aeef;}
.left_menu{ background-color:#f1f1f1; width:261px; margin:0 auto; border-top:none;}
.left_menu li{ height:55px; background-color:#e4e4e4; margin-top:1px;}
.left_menu li span{ font-size:24px; font-weight:bolder; font-family:Arial, Helvetica, sans-serif; padding-right:10px;}
.left_menu a{ height:55px; line-height:55px;  display:block; font-size:16px; padding-left:40px; }
.left_menu a:hover{background-color:#cdcdcd; color:#333; }
.left_menu .thisclass{  background-color:#cdcdcd; color:#3aa5af; }
.left_ii{ background:url("../images/diy/left_menu_bg.gif") right top no-repeat;}


/* --------- 右边样式 ----------------*/
#right_diy{ float:right; width:860px; margin-right:20px; }
.right_nav{height:50px; line-height:70px; text-align:right; border-bottom:1px solid #ccc; color:#888; }
.right_nav a{ color:#888;}
.all_body{ min-height:350px; padding-top:20px; }
.right_body{ padding-top:30px; width:auto; }




/*--------------------展品图片展示------------------*/
#preview{ float:none; text-align:center; width:400px;}
.jqzoom{ width:400px; height:400px; position:relative; overflow:hidden;}
.jqzoom img{width:400px; height:400px;}
.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:400px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:370px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #ccc;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:370px; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}




/* --------- 内容页样式(相关文章) ----------------*/
.ar_tags{ text-align:right;}
.ar_likeart li{ float:left; width:48%; line-height:30px;}
.ar_likeart span{ font-size:14px;color: #000000;}
.cptx_pic{ text-align:center; height:300px; background-color:#eee;}

.ny_img_title{ text-align:center; height:50px; line-height:50px; font-size:20px; font-weight:bolder; border-bottom:1px dotted #ccc;}
.ny_img_title2{ text-align:left; height:50px; line-height:50px; font-size:20px;  color:#3aa5af;border-bottom:1px dotted #ccc; }
.ny_img_body img{max-width:100%;height:auto!important;}
.ny_img_l{ float:left; width:400px;max-height:400px; border:1px solid #CCCCCC; text-align:center;}
.ny_img_l img{ vertical-align:middle; }
.ny_img_r{ float:right; width:400px;}
.ny_img_tel{ color: #FF9900; font-size:20px;}
.ny_img_body_bt{ height:40px; line-height:40px; background-color:#eee; padding-left:20px; color:#3aa5af; font-size:18px;}
.ny_img_Getimgs2{ text-align:center;}


/* --------- 首页滚动 ----------------*/
#demo { overflow:hidden; width: 100%;  } 
#demo a { font-weight:normal; float:left; width:300px; height:210px;  margin:10px; text-align:center;} 
#demo img {  border:1px solid #e3e3e3;  float:left; } 
#demo p { line-height:40px; } 
#indemo { float: left; width: 8000%; } 
#demo1 { float: left; } 
#demo2 { float: left; } 



/*-------------------------右边微信/QQ/电话浮动 -----------------------------*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#3aa5ba url(../images/diy/rightbar.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#3aa5ba url(../images/diy/rightbar.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#3aa5ba url(../images/diy/rightbar.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#3aa5ba url(../images/diy/rightbar.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}
.yb_QQ a:hover{color:#fff;}







